<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<title>添加房产证信息</title>
<link th:replace="common/header"/>
<script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
</head>
<body class="no-skin">
	<div th:replace="common/top"/>
	<div class="main-container ace-save-state" id="main-container">
		<div th:replace="common/menu"/>
		<div class="main-content">
			<div class="main-content-inner">
				<div th:replace="common/title"/>
				<div class="page-content">
					<div th:replace="common/skin"/>
					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<form class="form-horizontal" action="add.do" name="form" th:action="@{/propertyOwnershipCertificate/add}" th:method="post" th:object="${propertyOwnershipCertificate}">
								<h3 class="header smaller lighter blue"><i class="fa fa-plus" aria-hidden="true"></i>添加房产证信息</h3>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="ownershiper">房屋所有权人:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="ownershiper" id="ownershiper" class="input_fix" placeholder="房屋所有权人" th:value="*{ownershiper}" maxlength="50"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="address">房屋坐落:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="address" id="address" class="input_fix" placeholder="房屋坐落" th:value="*{address}" maxlength="50"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('ownershiper')}" th:errors="*{ownershiper}" >Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('address')}" th:errors="*{address}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="property">房屋性质:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="property" id="property" class="input_fix" placeholder="房屋性质" th:value="*{property}" maxlength="50"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="purpose">规划用途:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="purpose" id="purpose" class="input_fix" placeholder="规划用途" th:value="*{purpose}" maxlength="50"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('property')}" th:errors="*{property}" >Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('purpose')}" th:errors="*{purpose}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="share">共有情况:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="share" id="share" class="input_fix" placeholder="共有情况" th:value="*{share}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="certificationUnit">发证单位:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="certificationUnit" id="certificationUnit" class="input_fix" placeholder="发证单位" th:value="*{certificationUnit}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('share')}" th:errors="*{share}">Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('certificationUnit')}" th:errors="*{certificationUnit}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="coveredArea">建筑面积（平方米）:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="coveredArea" id="coveredArea" class="input_fix" placeholder="建筑面积（平方米）" th:value="*{coveredArea}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="useableArea">使用面积（平方米）:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="useableArea" id="useableArea" class="input_fix" placeholder="使用面积（平方米）" th:value="*{useableArea}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('coveredArea')}" th:errors="*{coveredArea}">Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('useableArea')}" th:errors="*{useableArea}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="yearLimitStart">开始使用年限:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="yearLimitStart" id="yearLimitStart" class="input_fix7" placeholder="开始使用年限" th:value="*{yearLimitStart} == null ? '' : *{#dates.format(yearLimitStart, 'yyyy-MM-dd')}" />
												<img onclick="WdatePicker({el:'yearLimitStart',dateFmt:'yyyy-MM-dd'})" 
												style="width:16px;height:22px" align="middle" th:src="@{/js/My97DatePicker/skin/datePicker.gif}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="yearLimitEnd">结束使用年限:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="yearLimitEnd" id="yearLimitEnd" class="input_fix7" placeholder="结束使用年限" th:value="*{yearLimitEnd} == null ? '' : *{#dates.format(yearLimitEnd, 'yyyy-MM-dd')}" />
												<img onclick="WdatePicker({el:'yearLimitEnd',dateFmt:'yyyy-MM-dd'})" 
												style="width:16px;height:22px" align="middle" th:src="@{/js/My97DatePicker/skin/datePicker.gif}"/>
											</div>
										</div>
									</div>
									
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('yearLimitStart')}" th:errors="*{yearLimitStart}">Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('yearLimitEnd')}" th:errors="*{yearLimitEnd}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="getCardDate">登记日期:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="getCardDate" id="getCardDate" class="input_fix7" placeholder="登记日期" th:value="*{getCardDate} == null ? '' : *{#dates.format(getCardDate, 'yyyy-MM-dd')}" />
												<img onclick="WdatePicker({el:'getCardDate',dateFmt:'yyyy-MM-dd'})" 
												style="width:16px;height:22px" align="middle" th:src="@{/js/My97DatePicker/skin/datePicker.gif}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="loginNumber">登记字号:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="loginNumber" id="loginNumber" class="input_fix" placeholder="登记字号" th:value="*{loginNumber}" />
											</div>
										</div>
									</div>
									
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('getCardDate')}" th:errors="*{getCardDate}">Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('loginNumber')}" th:errors="*{loginNumber}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
								<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="landId">地号:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="landId" id="landId" class="input_fix" placeholder="地号" th:value="*{landId}"/>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="control-group">
											<label class="control-label" for="landMethod">土地使用权取得方式:<font style="color:red">*</font></label>
											<div class="controls">
												<input name="landMethod" id="landMethod" class="input_fix" placeholder="土地使用权取得方式" th:value="*{landMethod}"/>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('landId')}" th:errors="*{landId}">Name Error</p>&nbsp;</font>
									</div>
									<div class="span6">
										<font style="color:red"><p th:if="${#fields.hasErrors('landMethod')}" th:errors="*{landMethod}">Name Error</p>&nbsp;</font>
									</div>
								</div>
								<div class="row-fluid">
									<div class="text-center span12">
										<button shiro:hasPermission="/propertyOwnershipCertificate/add" class="btn btn-primary" type="submit"><i class="fa fa-floppy-o" aria-hidden="true"></i>提交</button>
										<button shiro:hasPermission="/propertyOwnershipCertificate/add" class="btn btn-danger" type="reset"><i class="fa fa-times" aria-hidden="true"></i>取消</button>
										<a shiro:hasPermission="/propertyOwnershipCertificate/getall" class="btn" href="getall" th:href="@{/propertyOwnershipCertificate/getall}"><i class="fa fa-reply" aria-hidden="true"></i>返回</a>
									</div>
								</div>
							</form>
							<!-- PAGE CONTENT ENDS -->
						</div><!-- /.col -->
					</div><!-- /.row -->
				</div><!-- /.page-content -->
			</div>
		</div><!-- /.main-content -->
		<div th:replace="common/footer"/>
	</div><!-- /.main-container -->
	<div th:replace="common/buttom"/>

	<script type="text/javascript">
		$("form").submit(function(){  
			$(":submit",this).attr("disabled","disabled");  
		}); 
	</script>
</body>
</html>
